<!--
*@Author: QWP
*@Description: 审核流程
*@Date: 2024-07-13 08:29:08
-->
<template>
  <a-timeline>
    <a-timeline-item v-for="it in data"
      :color="it.color || ''">
      <a-row style="margin-bottom: 8px;">
        <span style="font-size: 16px;color: #666666;">{{ it.title }}</span>
      </a-row>
      <a-list :data-source="it.data || []">
        <template #renderItem="{ item }">
          <a-space size="middle" class="f-margin-r30">
            <template v-if="item.img">
              <a-image :src="item.img" style="width: 46px; height: 46px;border-radius: 4px;"></a-image>
            </template>
            <span style="font-weight: 400;font-size: 16px;">{{ item.name }}</span>
          </a-space>
        </template>
      </a-list>
    </a-timeline-item>
  </a-timeline>
</template>

<script lang='ts' setup>
import { ref, reactive, computed, onMounted } from 'vue' 

import { useRoute, useRouter } from 'vue-router'
import { _IAuditFlow } from './interface'
interface Props {
  data: Array<_IAuditFlow>
}
defineProps<Props>()

</script>

<style lang='scss' scoped>
</style>